草庐IT

java - 带 Swing 的 CSS 样式

全部标签

javascript - Webkit - 动态创建的样式表 - 它什么时候真正加载?

我有一些代码(实际上不是我的,而是SlickGrid库)创建了一个元素,将其插入DOM,然后立即尝试在document.styleSheets集合中查找新样式表。在WebKit中,这有时会失败。我实际上不知道情况是什么,但这并不是一贯可重现的。我想我可以通过更改代码来解决这个问题,这样在load之前不会检查StyleSheet对象。样式元素上的事件,如下所示:$style=$("").appendTo($("head"));varrules=...;//codetocreatethetextoftheruleshereif($style[0].styleSheet){//IE$styl

javascript - webpack build less files 输出一个 css minify 文件

webpack是我需要将几个较少的文件传递到一个缩小的CSS文件中的工具吗?如果是这样,我不确定我在下面的代码中做错了什么?有没有办法输出到不同的文件路径,现在我的js文件输出到'./assets/javascripts/bundle/',我希望我的css文件输出到'。/assets/stylesheets/bundle/',我该怎么做?更新我做了一个测试,我可以将我的less文件构建到一个css文件,但仍然无法找到如何为输出文件夹设置多个路径,现在我必须注释掉js入口部分并更改输出路径...网络包配置varpath=require('path');varwebpack=require

javascript - AngularJS:在 ng-repeat 中调用 ng 样式函数时出现 $rootScope:infdig 错误

我正在尝试为一些短语制作动画,这些短语将显示在网站主页上,随机位置并具有淡入淡出和翻译效果。我将使用ng-style属性在ng-repeat属性内并设置调用HomeController内定义的JavaScript函数的ng-style值来实现此目的。使用此方法会导致Angular抛出异常:$rootScope:infdigerror10$digest()iterationsreached。中止!观察者在最后5次迭代中解雇我读了很多关于此的内容,但没有解决方案解决我的问题。谁能帮帮我?这是index.html的一部分:{{phrase}}Controller函数如下:$scope.get

javascript - 如何在 React 组件上设置 -webkit-overflow-scrolling 内联样式

我正在为React组件使用内联样式。它们可以定义如下。conststyle={position:'absolute',left:0,right:0,bottom:'7.5%',top:'5.2rem',overflowY:'auto',},它与css有一些语法上的不同,比如css中的'overflow-y'应该在内联样式中设置为overflowY。现在我想知道如何将这种样式-webkit-overflow-scrolling设置为react中的内联样式?我已尝试以下设置,但均无效。WebkitOverflowScrolling:'touch','-webkit-overflow-scr

javascript - 如何使用 jQuery 从网页中删除复制内容的内联样式?

例如,我从维基百科复制了一些内容/段落,然后我想动态地将代码粘贴到我的网页中,但它显示了很多内联样式。我想要干净,需要适当的html格式的代码。我尝试了很多方法,但它正在删除所有标签,或者我只想删除额外的内联样式和额外的标签。我放在这里的示例代码。请帮助我实现这一目标。示例代码:<spanstyle="color:rgb(34,34,34);font-family:sans-serif;font-size:14px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-w

javascript - 如何跨站点处理 javascript 和 css 文件?

最近我对如何在Web应用程序中处理共享的javascript和css文件有了一些想法。在我正在处理的当前Web应用程序中,我得到了大量不同的javascript和css文件,这些文件位于服务器上的一个文件夹中。一些文件被重复使用,而另一些则没有。在生产站点中,加载大量HTTP请求和加载数千字节的不必要的javascript和冗余css是非常愚蠢的。解决方案当然是为每个页面创建一个仅包含必要信息的大捆绑文件,然后将其最小化并压缩(GZIP)发送给客户端。创建一堆javascript文件并手动最小化它们并不需要担心,如果您打算这样做的话,但是由于应用程序不断维护并且事情确实在变化和发展,因

javascript - CSS 下拉菜单 : Add delay on mouse out

我在下面使用CSS和HTML制作了下拉菜单:MainMenu.menu{float:left;background:#CCC;margin:0px;padding:0px;}.menuli{position:relative;float:left;width:180px;padding:5px0px;list-style:none;}.menuli:hover{background:#999;}.menuul{display:none;position:absolute;background:#CCC;padding:0;margin:5px000;}.menuulliul{left:

javascript - 获取由 css column-width 创建的列数

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Howtogetcss3multi-columncountinJavascript我有一个很长的动态文本,它将使用CSS分成几列div{-moz-column-width:500px;-moz-column-gap:20px;}是否可以获取创建了多少列?我在客户端使用jQuery。

javascript - 数据属性的 CSS 不会刷新/重绘

在HTML5/JS应用程序中,我们有一个View,其样式取决于元素的data-attribute:喜欢或CSSli[data-level^="1"]{/*somestyles*/}这似乎在页面重新加载的任何地方都工作得很好。但是当通过JS以编程方式设置数据属性时,CSS属性会在所有相关的桌面浏览器中呈现,但不会在移动safari中呈现。JS部分如下所示:this.$el.attr('data-level',this.model.getLevel())关于如何强制应用这些属性(刷新/重绘某些东西)有什么想法吗?我想避免使用class属性和不同的类,因为事情比这里显示的更复杂......

javascript - 自动完成 HTML 中可用的 CSS 类 Eclipse 中的 JavaScript jQuery

我使用的是最新的Eclipse版本。现在我正在使用Javascript、jQuery、HTML和CSS进行编码。对于我在CSS中定义并以HTML显示的类,如何获得自动完成(显示在CSS中定义的所有可用类)?我的CSS文件中有一个名为“display”的类。文件.css:.display{background:green;}如何获取使用自动完成建议的显示类?HTML:我需要什么样的插件/插件? 最佳答案 与Eclipse安装捆绑在一起的默认WTP插件不支持此功能。您将必须安装扩展插件(WTPWebresources)。转到“帮助”->